<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <head>
        <title>收益明细</title>
        <div data-th-replace="layout/head"></div>
    </head>
    <body>
        <!-- top bar -->
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/agent/agentUserInfo}">
                <span class="iconfont icon-fanhui"></span>
            </a>
            <h1 class='title title-white'>收益明细</h1>
        </header>
        <!-- top bar end-->

        <div class="content wm-content order-content of">
            <div class="u-account-head__wrap" style="background-color: transparent">
                <div class="list-block pb5 no-mt">
                    <ul>
                        <li class="item-content">
                            <div class="item-inner">
                                <section class="text-center uExtension-flex-wrap">
                                    <span class="fs4 c-888">总收益(￥)</span><br>
                                    <b class="c-orange" th:text="${agentUser['agentIncome']['incomeSumPrice']}"></b>
                                </section>
                            </div>
                            <div class="item-inner">
                                <section class="text-center uExtension-flex-wrap">
                                    <span class="fs4 c-888">总订单</span>
                                    <br>
                                    <b class="c-333" th:text="${agentUser['agentIncome']['orderNum']}"></b>
                                </section>
                            </div>
                            <div class="item-inner">
                                <section id="settlement-list" class="text-center uExtension-flex-wrap">
                                    <span class="fs4 c-888">累计结算周期</span>
                                    <br>
                                    <b class="c-333" th:text="${agentUser['agentIncome']['cycleNum']}"></b>
                                </section>
                            </div>
                        </li>
                    </ul>
                    <div class="uExtension-head-go-btn__wrap mt5" >
                        <a id="to-settlement" href="javascript:void(0);" class="button button-big button-fill button-warning button-round" th:classappend="${agentUser['hasSettlement']}?'':'disabled'">结算收益</a>
                    </div>
                </div>
            </div>

            <div class="page-infinite__wrap">
                <div class="page-group">
                    <div id="page-infinite-scroll-bottom" class="page page-current">
                        <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                            <div class="pt5">
                                <div class="card-content this-topic-info">
                                    <div class="pt5 pb5 pl5 pr5">
                                        <span th:if="!${agentUser['hasSettlement']}">
                                            <i class="iconfont icon-shouyi c-orange vam"></i>
                                            <span class="fs6 c-888 vam">距离结算日期还有</span>
                                            <b class="fs7 c-orange vam" th:text="${agentUser['days']}"></b>
                                            <span class="fs6 c-888 vam">天，未到结算日期，不可申请结算</span>
                                        </span>
                                        <span th:if="${agentUser['hasSettlement']}">
                                            <i class="iconfont icon-shouyi c-orange vam"></i>
                                            <span class="fs6 c-888 vam">距离结算日期还有</span>
                                            <b class="fs7 c-orange vam" >0</b>
                                            <span class="fs6 c-888 vam">天，到达结算日期，可申请结算</span>
                                        </span>
                                        <section class="pt5">
                                            <span class="c-666 fs7">收益明细列表</span>
                                        </section>
                                    </div>
                                </div>
                            </div>

                            <div class="lecture-list__wrap">
                                <div class="list-block no-mt">
                                    <ul class="list-container uAccount-list" id="incomeInfo-list-box">

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-th-replace="layout/footer"></div>
        <script type="text/javascript" th:src="@{{path}/front/mobile/business/agent/income/agent-income.js?v={v}(path=${staticPath},v=${v})}"></script>
    </body>
</html>